 /*-------------------------------------------------------------------------------------*
 * SyntaxHighlighter Blog																*
 * Author: highlightjs.org	Edit by One-GO!	(Belajar dan Berbagi)						*
 * URL: http://one-go.blogspot.com/2014/09/cara-memasang-syntaxhighlighter-diblog.html	*
 *-------------------------------------------------------------------------------------*/

pre, i[rel="pre"] {
 display: block;
 padding: 5px .5em 5px 1em;
 font: normal normal 12px/15px "Inconsolata", "Monaco", "Consolas", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
 background-color: #e6e9f1;
 border-left: 4px solid #A30000;
 position: relative;
 overflow: auto;
 word-wrap: normal;
 white-space: pre;
 ;
}
pre:hover, i[rel="pre"]:hover {
 background-color: #DDE0E7;
 ;
}
pre code {
 display: block;
 color: #111;
 font: normal normal 12px/15px "Inconsolata", "Monaco", "Consolas", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
 letter-spacing: 0;
 white-space: pre;
 ;
}
pre[rel="HTML"], pre[data-codetype="HTML"] {
 border-left-color: #0B7E88;
 ;
}
pre[rel="CSS"], pre[data-codetype="CSS"] {
 border-left-color: #5DA028;
 ;
}
pre[rel="JavaScript"], pre[data-codetype="JavaScript"] {
 border-left-color: #40627E;
 ;
}
pre[rel="JQuery"], pre[data-codetype="JQuery"] {
 border-left-color: #40627E;
 ;
}
pre[rel="JQuery UI"], pre[data-codetype="JQuery UI"] {
 border-left-color: #40627E;
 ;
}
pre[rel="XML"], pre[data-codetype="XML"] {
 border-left-color: #C44032;
 ;
}
pre[rel*="+"], pre[data-codetype*="+"] {
 border-left-color: #0B7E88;
 ;
}
pre .comment, pre .template_comment, pre .diff .header, pre .doctype, pre .lisp .string, pre .javadoc {
 color: #00BB4B;
 font-style: italic;
 ;
}
pre .keyword, pre .css .rule .keyword, pre pre .winutils, pre .javascript .title, pre .method, pre .addition, pre .css .tag, pre .lisp .title {
 color: #859900;
 ;
}
pre .number, pre .command, pre .string, pre .tag .value, pre .phpdoc, pre .tex .formula, pre .regexp, pre .hexcolor {
 color: #A60A0A;
 ;
}
pre .title, pre .localvars, pre .function .title, pre .chunk, pre .decorator, pre .builtin, pre .built_in, pre .lisp .title, pre .identifier, pre .title .keymethods, pre .id {
 color: #103197;
 ;
}
pre .tag .title, pre .rules .property, pre .django .tag .keyword {
 font-weight: bold;
 ;
}
pre .attribute, pre .variable, pre .instancevar, pre .lisp .body, pre .smalltalk .number, pre .constant, pre .class .title, pre .parent, pre .haskell .label {
 color: #0499D3;
 ;
}
pre .preprocessor, pre .pi, pre .shebang, pre .symbol, pre .diff .change, pre .special, pre .keymethods, pre .attr_selector, pre .important, pre .subst, pre .cdata {
 color: #cb4b16;
 ;
}
pre .deletion {
 color: #dc322f;
 ;
}
pre .tex .formula {
 background: #073642;
 ;
}
pre.numbered {
 border-left-width: 2px;
 padding-left: 1em;
 ;
}
pre .line-number, pre.numbered code {
 display: block;
 line-height: 16px;
 ;
}
pre .line-number {
 float: left;
 margin: 0 1em 0 -1em;
 color: #586E75;
 border-right: 2px solid #9B9DA1;
 text-align: right;
 min-width: 35px;
 ;
}
pre .line-number span {
 display: block;
 position: relative;
 padding: 0 .5em 0 1em;
 ;
}
pre .line-number span:nth-child(even) {
 background-color: #FAFAFA;
 ;
}
pre .line-number span em {
 position: absolute;
 bottom: -1px;
 left: 100%;
 background-color: red;
 padding: 0 2px 1px 2px;
 border: 1px solid black;
 font-style: normal;
 color: black;
 display: none;
 ;
}
pre .line-number span:hover em {
 display: block;
 ;
}
pre .line-number span:target a {
 display: block;
 color: white;
 position: relative;
 background-color: #268bd2;
 margin: 0 -.5em 0 -1em;
 padding: 0 .5em 0 0;
 ;
}
pre.numbered code span {
 line-height: 12px;
 ;
}
pre[data-codetype="HTML"] .line-number span:target a {
 background-color: #4584BE;
 ;
}
pre[data-codetype="CSS"] .line-number span:target a {
 background-color: #5DA028;
 ;
}
pre[data-codetype="JavaScript"] .line-number span:target a {
 background-color: #bbbbbb;
 ;
}
pre[data-codetype="JQuery"] .line-number span:target a {
 background-color: #7073CF;
 ;
}
pre[data-codetype="JQuery UI"] .line-number span:target a {
 background-color: #E36B23;
 ;
}
pre[data-codetype="XML"] .line-number span:target a {
 background-color: #C44032;
 ;
}
pre[data-codetype*="+"] .line-number span:target a {
 background-color: #0B7E88;
 ;
}
pre[rel], pre[data-codetype]:before {
 content: attr(data-codetype);
 display: block;
 position: static;
 top: 0;
 right: 0;
 left: 0;
 background-color: #666;
 padding: 5px 7px;
 margin: -5px -6px 0 -12px;
 font: bold 11px/20px Arial, Sans-Serif;
 color: white;
 ;
}
pre[rel="CSS"], pre[data-codetype="CSS"]:before {
 background-color: #5DA028;
 ;
}
pre[rel="JavaScript"], pre[data-codetype="JavaScript"]:before {
 background-color: #40627E;
 ;
}
pre[rel="HTML"], pre[data-codetype="HTML"]:before {
 background-color: #0B7E88;
 ;
}
pre[rel="JQuery"], pre[data-codetype="JQuery"]:before, pre[rel="JavaScript"], pre[data-odetype="JavaScript"]:before {
 background-color: #40627E;
 ;
}
pre[rel="XML"], pre[data-codetype="XML"]:before {
 background-color: #E55E48;
 ;
}
pre[data-codetype*="+"]:before {
 background-color: #0B7E88;
 ;
}
pre .line-number span:target:before {
 content: "";
 display: block;
 height: 150px;
 margin-top: -150px;
 visibility: hidden;
 ;
} 